<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--适口配置-->
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!--引入bootstrap中的css文件-->
    <link rel="stylesheet" href="libs/bootstrap/css/bootstrap.css">
    <!--引入less文件-->
    <link rel="stylesheet" href="css/sitenav.css">
    <link rel="stylesheet" href="css/common_section.css">
    <title>商城导航</title>
    <!-- 配置的模板需要注意:1、type必须是text/html  2、需要配置一个id -->
    <script type="text/html" id=sitenav-template>
        {{each result as value i}}
            <div>
                <a href="{{value.navHref}}">
                    <img src="{{value.navImg}}" alt="{{value.navTitle}}">
                    <span>{{value.navTitle}}</span>
                </a>
            </div>
        {{/each}}
    </script>
</head>
<body>
<header id="header" class="back"></header>
<section id="menu">

</section>
<footer id="footer"></footer>
</body>
<!--引入jquery文件-->
<script type="text/javascript" src='libs/jquery/jquery.js'></script>
<!--引入bootstrap中的js-->
<script type="text/javascript" src='libs/bootstrap/js/bootstrap.js'></script>
<!--引入魔板的js文件-->
<script type="text/javascript" src='libs/template/template.js'></script>
<!--引入这个界面的js-->
<script type="text/javascript" src='js/common_section.js'></script>
<script type="text/javascript" src='js/sitenav.js'></script>
</html>